<style>
table.users
{
    border: 1px solid black;
	/*background: rgba(142, 142, 142, 0.8);	*/
}
table.users th,td
{
	border: 1px solid black;
}

/*注意，样式的级联，层级*/
button.inTable
{
	padding: 0.75rem 1rem 0.75rem 1rem;
	width: 90px;
	margin: 0 0 0rem;
}
.deleteFriend
{
	background-color: #FF7575;
}
.askFriend
{
	background-color: #5CADAD;
}
.acceptFriend
{
	background-color: #00AEAE;
}


     
</style>

<div>
	<table class="users">
		<tr>
			<th>用户</th>
			<th>操作</th>
		</tr>

		<tr ng-repeat ="user in users">
			<td>
				<a-personal userid={{user.id}} usernickname={{user.nickname}}></a-personal>
			</td>
			<td>
				<div ng-show="user.isfriend == '1' ">
					<button class="inTable deleteFriend" ng-click="deleteFriend(user)" title="删除好友">Delete</button>
				</div>

				<div ng-show="user.isfriend == '0' ">
					<button class="inTable askFriend" ng-click="askFriend(user.id)" title="请求添加好友">Request</button>	
				</div>

				<div ng-show="user.isfriend != '1' && user.isAskedFriend == '1' ">
					<button class="inTable acceptFriend" ng-click="acceptFriend(user)" title="接受好友请求">Accept</button>
				</div>
			</td>
		</tr>		
	</table>
</div>

